<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type">
    <meta content="text/html; charset=utf-8">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="keywords" content="{$keywords}">
    <meta name="description" content="{$description}">
    <meta name="show-image" content="http://www.66play.com/Public/App/overwatch/images/logo4share.png.jpg" />
    <title>{$title}</title>
    <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/App/tv/mobile/css/common.css?v=1.0" />
    <script type="text/javascript" src="__PUBLIC__/App/tv/mobile/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/tv/js/knockout-2.3.0.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/tv/mobile/js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/tv/mobile/js/plugin.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/tv/mobile/js/mobile.js?v=1.0"></script>
    <script type="text/javascript">
        {:C('GLOBAL_BDHM')}
    </script>
</head>

<body>
    <header><img src="__PUBLIC__/App/tv/mobile/images/banner.jpg"/></header>
    <if condition="empty($videos) AND empty($winningVideos)" >
        <!--活动规则S-->
        <div class="rule font24">
            <p>
            <span>活动规则</span>
            活动期内，上传含有 #我要上电视#活动标题的OW游戏视频到66play，就有机会被66play收录且制成合集发布到各大站点。被收录者还能领取60战网点数奖励哦~<br><br>


            小贴士：大招不感冒，搞怪才是王道！<br>
            无厘头、恶搞、抽风等风格视频内容我们更青睐哟！多多益善！<br>
            </p>
            <p>
            <span>视频要求</span>
            1. 游戏视频系原创，视频内容无水印无logo（66play除外）。<br>
            2. 视频标题必须含有 #我要上电视# 的活动字样，凡无活动字样均不在此次活动素材收集范围内。<br>
            3. 本次活动只针对守望先锋游戏的视频，其他游戏视频均无效。 <br>
            4. 本次活动的最终解释权归66play官网团队所有。<br>
            </p>
            <p>
            <span>领奖方式</span>
            7月29日（即活动结束第二天）中午12：00，在活动详情页面公布本次“我要上电视”活动的获奖者名单，请获奖者联系66play官方群(官方交流群：480306289)领取奖励。
            </p>
        </div>
    <else />
        <!--查看活动规则-->
        <button class="font24 back_orange see-rule-btn" onclick="rulepop()">查看活动规则</button>
    </if>
    <!--活动规则E-->

    <notempty name="winningVideos">
    <div class="hightlight font24 relative">
       <h1><img src="__PUBLIC__/App/tv/mobile/images/highlights.png"/></h1> 
       <p class="font30">Collection</p>
       <h2 class="relative">66守望 {$winningVideos.date}期
          <!-- Add Arrows -->
          <div class="swiper-button-prev swiper-button-disabled"></div>
          <div class="swiper-button-next swiper-button-disabled"></div>
       </h2>
        <div class="hightlvideo">
          <div class="myElementout">
            <iframe src="{:U('home/VideoPlay/play', ['id' => $winningVideos['video_id'], 'autoplay' => 0])}" scrolling="no" frameborder="0"></iframe>
          </div>
          <notempty name="winningVideos.users">
          <div class="lucky-player">
            <h2>本期收录玩家</h2>
            <ul class="preview-ul font24">
                <volist name="winningVideos.users" id="u">
                <li>
                    <a href="javascript:;">
                        <div class="preview-img">
                            <img src="{$u.avatar|default='__PUBLIC__/Home/ui3/images/avatar-mr.png'}"/>
                        </div>
                        <span class="preview-title">{$u.nickname}</span>
                    </a>
                </li>
                </volist>
            </ul>
          </div>
          </notempty>
        </div>
    </div>
    <!--获奖视频-->
    </notempty>

    <!-- ko if:videos().length > 0 -->
    <!--精彩时刻--> 
    <div class="preview">
        <h1><img src="__PUBLIC__/App/tv/mobile/images/title.png"/></h1>
        <!-- <h2>精彩时刻</h2>   -->
        <ul class="preview-ul font24">
            <!-- ko foreach:videos -->
            <li>
                <if condition="$isFromApp eq true">
                    <a href="" data-bind="attr:{'href':'ly66play://66play?type=video&id='+id}">
                <else />
                    <a href="" data-bind="attr:{'href':videoLink}" target="_blank">
                </if>
                    <div class="preview-img JS-vImg">
                        <img src="" data-bind="attr:{'src':thumb}"/>
                    </div>
                    <span class="preview-title" data-bind="text:title"></span>
                </a>
            </li>
            <!-- /ko -->
            <div class='loadingMore' data-bind="visible:pending">
                <img src="__PUBLIC__/App/tv/mobile/images/loading-white.gif"/>
                加载更多...
            </div>
        </ul>
    </div>
    <!-- /ko -->

    <!--活动规则弹窗S-->
    <div id="rulePopup" class="rulePopup">
        <div class="rulediv">
            <div class="h1out">
                <h1><img src="__PUBLIC__/App/tv/mobile/images/rules.png"/><em class="close absolute" onclick="hid()"></em></h1>
            </div>
            <div class="ruleindiv">
            <p>
                <span>活动规则</span>
                &nbsp;&nbsp;&nbsp;&nbsp;活动期内，上传含有 #我要上电视#活动标题的OW游戏视频到66play，就有机会被66play收录且制成合集发布到各大站点。被收录者还能领取60战网点数奖励哦~<br><br>


                小贴士：大招不感冒，搞怪才是王道！<br>
                无厘头、恶搞、抽风等风格视频内容我们更青睐哟！多多益善！<br>
            </p>
            <p>
                <span>视频要求</span>
            1. 游戏视频系原创，视频内容无水印无logo（66play除外）。<br>
            2. 视频标题必须含有 #我要上电视# 的活动字样，凡无活动字样均不在此次活动素材收集范围内。<br>
            3. 本次活动只针对守望先锋游戏的视频，其他游戏视频均无效。 <br>
            4. 本次活动的最终解释权归66play官网团队所有。
            </p>
            <p>
                <span>领奖方式</span>
                7月29日（即活动结束第二天）中午12：00，在活动详情页面公布本次“我要上电视”活动的获奖者名单，请获奖者联系66play官方群(官方交流群：480306289)领取奖励。
            </p>
            </div>
        </div>
    </div>
    <div class="popbg" onclick="hid()"></div>
    <!--活动规则弹窗E-->
    <script type="text/javascript">
        window._THIS = {
            videoLink : "{:U('home/share/video')}",
            url : "{:U('tv/index')}",
            pager : {$limit},
            p : 1,
            iframeUrl : "{:U('home/VideoPlay/play')}",
        };
        function dataInit() {
            var videos = {$videos|json_encode};
            viewModel.videos(getVideos(videos));

            resetElementHeight();
            $("img.lazy").lazyload({
                effect: "fadeIn",
                threshold :180,
            });
        }
    </script>
</body>
</html>